UserCSS - 縮減端粒
code:style.css
/* スリムなテロメア */
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
background-color: transparent;
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: var(--telomere-border, #808b8c); width: 2px !important;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: var(--telomere-unread, #52ba68); width: 5px !important;
}
/* テロメアの詳細表示(更新日時等が表示されているアレ) */
/* &テロメアのメニュー */
.line .telomere .telomere-border .description,
.line .telomere .telomere-border .menu-item {
width: max-content;
}
/* ↓新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
border-width: 0 0 0 2px !important;
}
/* ↓新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
border-width: 0 0 0 5px !important;
}